header{
  box-sizing: border-box;
  padding: 0  3.8%;
  text-align: center;
}
header h1 a{
   display: flex;
   align-items: center;
   text-align: left;
   line-height: 1;
   padding-top: 20px;
}
header h1 a img{
  width: 154px;
  height: 52px;
  margin-right: 20px;
}
header h1 h6{
  font-size: 22px;
  color: #333333;
  margin-bottom: 10px;
}
header h1 p{
  color: #9a9a9a;
  font-size: 14px;
}
.nav-tar ul li{
  display: inline-block;
  vertical-align: middle;
  margin-right: 53px;
}
.nav-tar ul li:last-of-type{
  margin-right: 0;
}
.nav-tar > ul > li > a{
  font-size: 18px;
  color: #333333;
  line-height: 90px;
}
.nav-tar > ul > li:hover > a,
.nav-tar > ul > li.on > a{
  color: #1758a8;
}
.h_content{
  display: flex;
  height: 90px;
  align-items: center;
}
.h_content > div img,
.h_content > div span{
  display: inline-block;
  vertical-align: middle;
}
.h_content > div span {
  font-size: 20px;
  color: #333333;
  margin-left: 4px;
}
.h_content > div.h-ph{
  margin-left: 26px;
}
.img{
  overflow: hidden;
  display: block;
}
.img > img{
  max-width: 100%;
  transition: all 0.5s;
  width: 100%;
}
.set1-vie ul{
  display: flex;
  justify-content: center;
  padding: 50px 0;
}
.set1-vie ul li{
  margin: 0 40px;
  text-align: center;
}
.set1-vie ul li img{
  width: 96px;
  height: 96px;
  transition: all 0.5s;
}
.set1-vie ul li h6{
  margin-top: 20px;
  transition: all .5s;
}
.set1-vie ul li:hover h6{
  color: #1758a8;
  margin-top: 15px;
}
.set1-vie ul li:hover img{
  transform: scale(1.1);
}
.set2-vie{
  display: flex;
  /* align-items: center; */
  align-content: center;
  justify-content: space-between;
}
.set2-vie .img img{
  width: 100%;
  height: auto
}
.set2-vie-d{
  width: 49.8%;
  position: relative;
}
.set2-vie-t{
  width: 49.8%;
}
.set2-vie-t ul{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-content: space-between;
  flex-wrap: wrap;
  height: 100%;
}
.set2-vie-t ul li{
  width: 49.6%;
  height: 49.6%;
}
.set2-vie-t ul li a{
  display: block;
  height: 100%;
}
.set2-vie-t ul li img{
  height: 100%;
  display: block;
}
.set2-vie-ds{
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  align-items: center;
  text-align: center;
  left: 0;
  top: 0;
}
.set2-vie-d:hover .img img{
  transform: scale(1.1);
}
.set2-vie-ds h6{
  font-size: 40px;
  color: #ffffff;
  line-height: 1.3;
}
.set2-vie-ds .d-s{
  color: #c4c8d1;
  font-size: 18px;
  margin: 28px 0 52px;
}
.set2-vie-ds .d-s i{
  width: 36px;
  height: 2px;
  display: inline-block;
  vertical-align: middle;
  background-color: #bcc0cb;
}
.set2-vie-ds .d-s span{
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px;
}
.set2-vie-ds .dos{
  display: flex;
  text-align: center;
  margin-bottom: 50px;
}
.set2-vie-ds .dos li{
  margin: 0 52px;
  line-height: 1;
}
.set2-vie-ds .dos li h6{
  font-size: 60px;
  font-weight: bold;
  color: #ffffff;
  margin-bottom: 8px;

}
.set2-vie-ds .dos li p{
  color: #cdcfd6;
  font-size: 16px;
}
.set2-vie-ds .v-l-o img{
  display: block;
}
.set2-vie-ds .v-l-o{
  cursor: pointer;
}
.set2-vie-ds .v-l-o span{
  display: inline-block;
  margin-top: 20px;
  color: #eff0f2;
  padding-bottom: 3px;
  border-bottom: 1px solid #c4c8d1;
}
.set2-vie-t a{
  display: block;
  position: relative;
}
.set2-vie-t a .text{
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 30px;
  color: #ffffff;
  padding: 0 20px;
  box-sizing: border-box;
}
.set2-vie-t a .text h6{
  font-size: 24px;
  margin-bottom: 14px;
}
.set2-vie-t a .text p{
  color: #c0c7cd;
}
.set3-news{
  background-color: #f6f6f6;
  padding: 80px 0;
}
.set3-news-viws{
  background-color: #fff;
  overflow: hidden;
  border-radius: 12px;
}
.set3-news-viws .fl{
  width: 50%;
}
.set3-news-viws .fl .imgd > a,
.set3-news-viws .fl .imgd{
  display: block;
  width: 100%;
}
.set3-news-viws .fl img{
  height: 520px;
  object-fit: cover;
}
.set3-news-viws .fr{
  width: 50%;
  box-sizing: border-box;
  padding: 0 5%;
  height: 100%;
}
.set3-news-viws ul{
  width: 100%;
  height: 520px;
}
.set3-news-viws ul li{
  height: 33.33%;
  border-bottom: 1px solid #e4e4e4;
  transition: all 0.5s;
}
.set3-news-viws ul li:hover{
  transform: translateX(-16px);
}
.set3-news-viws ul li:hover a h6{
  color: #015cb5;
}
.set3-news-viws ul li:last-of-type{
  border-bottom: none;
}
.set3-news-viws ul li a{
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.set3-news-viws ul li a h6{
  font-size: 20px;
  color: #333333;
  font-weight: bold;
  margin-bottom: 20px;
}
.set3-news-viws ul li a p{
  font-size: 14px;
  color: #737373;
  line-height: 1.5;
  margin-bottom: 18px;
  height: 42px;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.set3-news-viws ul li a span{
  font-size: 16px;
  color: #5c5c5c;
}
.set3-news-ul li{
  width: 32%;
  margin-right: 2%;
  float: left;
}
.set3-news-ul li:nth-of-type(3n){
  margin-right: 0;
}
.set3-news-ul{
  padding-top: 20px;
}
.set3-news-ul li a{
  display: block;
  background-color: #fff;
  border: 1px solid #dddddd;
  margin-top: 20px;
  box-sizing: border-box;
  padding: 20px;
  display: flex;
  align-items: center;
  background-image: url('../images/new-jt.jpg');
  background-size: 8px auto;
  background-position: 95% center;
  background-repeat: no-repeat;
  transition: all 0.5s;
}
.set3-news-ul li a:hover{
  transform: translateY(-10px);
  color: #015cb5 !important;
}
.set3-news-ul li a:hover h6{
  color: #015cb5 !important;
}
.set3-news-ul li a h6{
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 15px;
  color: #333333;
}
footer{
  background: url('../images/f-bj.jpg');
  background-size: 100% 100%;
  color: #949494;
}
footer a:hover{
  color: #fff;
}
.footer-views .fl li{
  display: inline-block;
  vertical-align: text-top;
  margin-right: 80px;
}
.footer-views .fl li:last-of-type{
  margin-right: 0;
}
.footer-views .fl li h6{
  font-size: 20px;
  color: #fff;
  margin-bottom: 30px;
}
.footer-views .fl li a{
  display: block;
  margin-bottom: 20px;
}
.footer-views-ls,
.footer-views-wx{
  display: inline-block;
  vertical-align: text-top;
}
.footer-views-wx{
  text-align: center;
  margin-right: 50px;
}
.footer-views-wx .img{
  width: 112px;
}
.img img:hover{
  transform: scale(1.1);
}
.footer-views-wx p{
  color: #ffffff;
  margin-top: 12px;
}
.footer-views-ls .etx{
  display: inline-block;
  vertical-align: middle;
  margin-left: 12px;
}
.footer-views-ls .ls{
  margin-bottom: 46px;
}
.footer-views-ls .etx span{
  font-size: 16px;
  color: #898989;
}
.footer-views-ls .etx h6{
  font-size: 30px;
  color: #fff;
  margin-top: 10px;
}
.footer-views-ls .etx p{
  width: 240px;
  line-height: 1.5;
  font-size: 18px;
  margin-top: 10px;
  color: #fff;
}
.footer-views{
  padding: 68px 0;
}
.footer-ba{
  background-color: rgba(22, 22, 22, 0.5);
}
.footer-ba .w1400{
  display: flex;
  justify-content: space-between;
  line-height: 80px;
}
.footer-ba .w1400 a{
  margin-left: 20px;
}
.baase-nav{
  text-align: center;
  line-height: 75px;
  border-bottom: 1px solid #e8e8e8;
}
.baase-nav a{
  color: #000000;
  font-size: 20px;
  display: inline-block;
  vertical-align: middle;
  margin: 0px 35px;
  position: relative;
}
.baase-nav a::before{
  width: 0%;
  height: 2px;
  content: '';
  left: 50%;
  transform: translateX(-50%);
  bottom: -1px;
  background: #1758a8;
  position: absolute;
  transition: all 0.5s;
}
.baase-nav a.on,
.baase-nav a:hover{
  color: #1758a8;
}
.baase-nav a.on::before,
.baase-nav a:hover::before{
  width: 100%;
}
.w1300{
  width: 1320px;
  margin: 0 auto;
}
.ab-set1{
  background-color: #f6f6f6;
  padding-top: 80px;
}
.ab-set1 .cont-d{
  width: 660px;
  padding-top: 18px;
}
.ab-set1 .cont-d h6{
  font-size: 40px;
  font-weight: bold;
  color: #000000;
  margin-bottom: 46px;
}
.ab-set1 .cont-d .cont{
  font-size: 16px;
  line-height: 1.8;
  padding-bottom: 25px;
}
.ab-set1 .cont-d .cont p{
  margin-bottom: 22px;
}
.ab-set1 .cont-d a{
  width: 140px;
  height: 40px;
  background-color: #000000;
  display: block;
  line-height: 40px;
  text-align: center;
  color: #fff;
  font-size: 20px;
}
.ab-set2{
  background-color: #494949;
}
.ab-set2 ul{
  display: flex;
  justify-content: center;
  color: #ffffff;
}
.ab-set2 ul li{
  height: 237px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 46px;
  position: relative;
  z-index: 1;
  cursor: pointer;
}
.ab-set2 ul li::before{
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  content: '';
  background-color: #1758a8;
  border-radius: 12px;
  z-index: -1;
  opacity: 0;
  transform: scale(0);
  transition: all 0.5s;
}
.ab-set2 ul li:hover::before{
  opacity: 1;
  transform: scale(1);
}
.ab-set2 ul li p{
  font-size: 26px;
  margin-bottom: 32px;
}
.ab-set2 ul li h6{
  font-size: 75px;
  font-weight: bold;
}
.ab-set3 .swiper{
  position: relative;
  overflow: hidden;
  padding: 50px 0;
}
.tpsp{
  position: relative;
}
.bj{
  background-color: #f9f9f9;
}
.tpsp .swiper-button-next, 
.tpsp .swiper-container-rtl .swiper-button-prev{
  right: -70px;
  background: #000000;
  width: 45px;
  height: 45px;
  font-size: 20px;
}
.tpsp .swiper-button-prev, 
.tpsp .swiper-container-rtl .swiper-button-next{
  left:  -70px;
  background: #000000;
  width: 45px;
  height: 45px;
  font-size: 20px;
}
.tpsp .swiper-button-next:after, 
.tpsp .swiper-button-prev:after{
  width: 12px;
  height: 12px;
}
.ab-set4 h3{
  font-size: 38px;
  color: #000000;
  text-align: center;
  font-weight: bold;
  padding: 38px 0 50px;
  /* font-weight: bold; */
}
.ab-set4-page{
  width: 49.5%;
  background-color: #fafafa;
  display: flex;
  align-items: center;
  float: left;
  margin-right: 1%;
}
.ab-set4-page:last-of-type{
  margin-right: 0;
}
.ab-set4-page .img{
  width: 45%;
}
.ab-set4-page .text{
  width: 260px;
  margin-left: 30px;
}
.ab-set4-page .text h6{
  font-size: 24px;
  color: #000000;
  margin-bottom: 20px;
}
.ab-set4-page .text p{
  font-size: 16px;
  color: #000000;
  line-height: 1.7;
}
.ab-set4-views{
  width: 100%;
  background: url('../images/ab-set4-img3.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  height: 310px;
  margin-top: 20px;
  padding: 0 65px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 50px;
  box-sizing: border-box;
}
.ab-set4-views h6{
  font-size: 24px;
  color: #fff;
  margin-bottom: 18px;

}
.ab-set4-views p{
  font-size: 16px;
  color: #fff;
  line-height: 1.7;
}
.ab-set4-rzs{
  display: flex;
  padding-bottom: 80px;
}
.ab-set4-rzs .page{
  width: 24%;
  margin-right: 1.333%;
  text-align: center;
}
.ab-set4-rzs .page:last-of-type{
  margin-right: 0;
}
.ab-set4-rzs .page h6{
  font-size: 20px;
  color: #000000;
  margin-top: 16px;
}
.ab-set4-hzkf{
  padding-bottom: 40px;
}
.ab-set4-hzkf ul li{
  width: 135px;
  text-align: center;
  float: left;
  margin-bottom: 60px;
  margin-right: 90px;
}
.ab-set4-hzkf ul li:nth-of-type(6n){
  margin-right: 0;
}
.ab-set4-hzkf ul li h6{
  font-size: 16px;
color: #000;
}
.ab-set4-hzkf ul li .img{
   width: 135px;
   height: 135px;
   border-radius: 50%;
   border: 5px solid #fff;
   background-color: #f5f5f5;
   box-shadow: 10px 10px 10px rgba(22, 22, 22, 0.1);
   overflow: hidden;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-bottom: 20px;
}
.pz-title{
  text-align: center;
  font-size: 38px;
  color: #000;
  font-weight: bold;
  padding: 50px 0;
}
.pz-set1{
  padding-top: 20px;
  padding-bottom: 50px;
}
.pz-set1-vl ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.pz-set1-vl ul li{
  width: 49.5%;
  height: 220px;
  border-radius: 16px;
  overflow: hidden;
  display: flex;
  /* justify-content: center; */
  align-items: center;
  margin-bottom: 16px;
  border: 1px solid #d1d1d5;
  z-index: 1;
  position: relative;
  cursor: pointer;
  transition: all 0.5s;
}
.pz-set1-vl ul li:hover{
  transform: translateY(-10px);
}
.pz-set1-vl ul li::before{
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #000;
  opacity: 0.8;
  content: '';
  z-index: -1;
  transition: all .5s;
}
.pz-set1-vl ul li::after{
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #0b4292;
  opacity: 0.9;
  content: '';
  z-index: -1;
  transform: translateX(-100%);
  transition: all .5s;
}
.pz-set1-vl ul li:hover::before{
  transform: translateX(100%);
}
.pz-set1-vl ul li:hover::after{
  transform: translateX(0%);
}
.pz-set1-vl ul li.pd1{
  background: url('../images/pz-set1-img1.jpg');
  background-size: 100% 100%;
}
.pz-set1-vl ul li.pd2{
  background: url('../images/pz-set1-img2.jpg');
  background-size: 100% 100%;
}
.pz-set1-vl ul li.pd3{
  background: url('../images/pz-set1-img3.jpg');
  background-size: 100% 100%;
}
.pz-set1-vl ul li.pd4{
  background: url('../images/pz-set1-img4.jpg');
  background-size: 100% 100%;
}
.pz-set1-vl ul li .tit{
  width: 212px;
  color: #fff;
  text-align: center;
}
.pz-set1-vl ul li .tit h6{
  font-size: 50px;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 10px;
}
.pz-set1-vl ul li .cont{
  width: 370px;
  color: #ffffff;
}
.pz-set1-vl ul li .cont h6{
  font-size: 22px;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #ffffff;
}
.pz-set1-vl ul li .cont p{
  font-size: 14px;
  line-height: 1.7;
}
.pz-set2{
  padding-bottom: 40px;
}
.pz-set2 .swiper{
  overflow: hidden;
  position: relative;
  padding-bottom: 68px;
}
.pz-set2 .swiper h6{
  text-align: center;
  font-size: 24px;
  color: #000;
  margin-top: 18px;
}
.pz-set2 .swiper-pagination-bullet{
  width: 12px;
  border: 2px solid #000000;
  height: 12px;
  background-color: transparent;
  opacity: 1;
}
.pz-set2 .swiper-pagination-bullet.swiper-pagination-bullet-active{
  background-color: #000;
}
.pz-set3-td{
  margin-top: 20px;
  padding-bottom: 80px;
}
.pz-set3-td li{
  float: left;
  width: 19%;
  margin-right: 1.25%;
  box-sizing: border-box;
  border: 6px solid #000;
  margin-bottom: 18px;
}
.pz-set3-td li:nth-of-type(5n){
  margin-right: 0;
}
.cpys-set1{
  text-align: center;
  padding-bottom: 30px;
}
.cpysh3{
  font-size: 38px;
  color: #000;
  font-weight: bold;
  padding-top: 68px;
  text-align: center;
  margin-bottom: 40px;
}
.cpys-set1 li{
  float: left;
  width: 30%;
  margin-right: 5%;
  margin-bottom: 70px;
}
.cpys-set1 li:nth-of-type(3n){
  margin-right: 0;
}
.cpys-set1 li h6{
  font-size: 26px;
  color: #000;
  font-weight: bold;
  padding: 26px 0;
}
.cpys-set1 li p{
  color: #000;
  font-size: 16px;
  line-height: 1.7;
}
.cpys-set2{
  width: 100%;
  background-image: url('../images/cpys-set2-bj.jpg');
  background-size: 100% auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  padding: 60px 0;
}
.cpys-set2 h6{
  color: #fff;
  font-size: 26px;
  margin-top: 24px;
}
.cpys-set2 h5{
  font-size: 30px;
  color: #fff;
  padding: 40px 0;
}
.cpys-set2 .dst{
  color: #fff;
  font-size: 20px;
  margin-bottom: 30px;
}
.cpys-set2 .dst span{
  margin: 0 12px;
}
.cpys-set2 .dst .sp{
  margin: 0 80px;
}
.cpys-set2 .cont{
  font-size: 18px;
  color: #b4b8bf;
  line-height: 2;
}
.cpys-set2 a{
  display: flex;
  align-items: center;
  width: 230px;
  justify-content: center;
  height: 56px;
  border: 1px solid #fff;
  color: #fff;
  margin: 0 auto;
  font-size: 20px;
  margin-top: 48px;
}
.cpys-set2 a:hover{
  background-color: #0b4292;
  border-color: #0b4292;
}
.cpys-set3{
  /* background-color: #1f79ff; */
  color: #fff;
  background: url('../images/cpys-set3-bj.jpg');
  background-size: 100% 100%;
  padding: 14px 0;
}
.cpys-set3-o{
  display: flex;
  justify-content: space-between;
  padding-left: 10%;
  box-sizing: border-box;
  align-items: center;
}
.cpys-set3-o .oo span{
  font-size: 26px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
}
.cpys-set3-o a{
  width: 208px;
  text-align: center;
  display: flex;
  height: 50px;
  justify-content: center;
  align-items: center;
  border: 1px solid #fff;
  color: #fff;
  font-size: 20px;
}
.fwbz-views li{
  float: left;
  width: 32.5%;
  margin-right: 1.25%;
  position: relative;
}
.fwbz-views li:nth-of-type(3n){
  margin-right: 0;
}
.fwbz-views li .text{
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 35px;
  box-sizing: border-box;
  padding: 0 25px;
}
.fwbz-views li .text h6{
  font-size: 24px;
  color: #fff;
  margin-bottom: 18px;
}
.fwbz-views li .text p{
  color: #fff;
  line-height: 1.7;
}
.fwbz-cont{
  margin-top: 50px;
  margin-bottom: 120px;
  background: url('../images/fwbz-cont-bj.jpg');
  background-size: 100% 100%;
  box-sizing: border-box;
  padding: 40px 52px;
}
.fwbz-cont h6{
  font-size: 32px;
  color: #fff;
  margin-bottom: 20px;
}
.fwbz-cont .conp{
  font-size: 18px;
  color: #fff;
  line-height: 1.7;
  padding-bottom: 36px;
}
.fwbz-cont  .cons{
  display: flex;
  align-items: center;
}
.fwbz-cont  .cons a{
  width: 130px;
  text-align: center;
  color: #fff;
  background-color: #1758a8;
  line-height: 40px;
  font-size: 16px;
  margin-right: 36px;
}
.fwbz-cont  .cons .ti span{
  font-size: 16px;
  color: #fff;
}
.fwbz-cont  .cons p{
  font-size: 24px;
  color: #fff;
  margin-top: 8px;
}
.fwbz-cont .fr{

  width: 66%;
}
.fwbz-cont .fr form{
  display: block;
  width: 100%;
  padding-top: 20px;
}
.fwbz-cont .fr .tsp{
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.fwbz-cont .fr .tsp input{
  width: 48.5%;
  display: block;
  padding: 0 20px;
  box-sizing: border-box;
  line-height: 48px;
  font-size: 16px;
  background-color: #fff;
}
.fwbz-cont .fr textarea{
  display: block;
  width: 100%;
  background-color: #fff;
  height: 80px;
  box-sizing: border-box;
  padding: 10px 20px;
  font-size: 16px;
  margin-bottom: 18px;
}
.fwbz-cont .fr .submit{
  width: 144px;
  background-color: #1758a8;
  color: #fff;
  line-height: 40px;
  font-size: 16px;
  cursor: pointer;
}
.zlxz-set1{
  padding-bottom: 80px;
}
.zlxz-set1 li{
  width: 49.5%;
  background-color: #fff;
  float: left;
  margin-right: 1%;
  margin-bottom: 12px;
}
.zlxz-set1 li:nth-of-type(2n){
  margin-right: 0;
}
.zlxz-set1 li a{
  display: flex;
  align-items: center;
  padding: 20px 40px;
  box-sizing: border-box;
  position: relative;
  transition: all 0.5s;
}
.zlxz-set1 li a::before{
  width: 0%;
  opacity: 1;
  height: 6px;
  content: '';
  display: block;
  left: 0;
  bottom: 0;
  background-color: #1758a8;
  position: absolute;
  transition: all 0.5s;
}
.zlxz-set1 li a:hover::before{
  width: 100%;
  opacity: 1;
  box-shadow: 10px 10px 10px rgba(22, 22, 22, 0.3);
}
.zlxz-set1 li a:hover{
  transform: translateY(-8px);
}
.zlxz-set1 li a:hover i{
  background-position: center -0px;
}
.zlxz-set1 li a h6{
  margin-left: 40px;
  width: 350px;
  font-size: 28px;
  color: #000;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.zlxz-set1 li a i{
  width: 72px;
  height: 72px;
  background-image: url('../images/zlxz-ico2.png');
  background-position: center -84px;
  transition: all 0.5s;
}
.pro-bananr{
  position: relative;
}
.pro-bananr > img{
  width: 100%;
  height: auto;
}
.pro-bananr-views{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.pro-bananr-views .tit{
  text-align: center;
} 
.pro-bananr-views .tit h6{
  font-size: 58px;
  color: #fff;
  margin-bottom: 10px;
}
.pro-bananr-views .tit p{
  font-size: 13px;
  color: #fff;
  margin-bottom: 12px;
}
.pro-bananr-views .tit .dt{
  margin-top: 32px;
  font-size: 26px;
  color: #fff;
  margin-bottom: 50px;
}
.pro-bananr-views .tit-f{
  width: 780px;
  position: relative;
  border: 1px solid #ffffff;
  box-sizing: border-box;
  padding: 20px 42px;
  border-radius: 40px;
}
.pro-bananr-views .tit-f .text{
  width: 100%;
  display: block;
  background-color: transparent;
  font-size: 16px;
  color: #fff;
  /* border: 1px solid #000; */
}
.pro-bananr-views .tit-f .text:focus{
  border-color: transparent;
}
.pro-bananr-views .tit-f .text::placeholder{
  font-size: 16px;
  color: #fff;
}
.pro-bananr-views .tit-f .submit{
  position: absolute;
  right: 42px;
  top: 20px;
  width: 23px;
  height: 23px;
  background: url('../images/pro-ss.png');
  background-size: 100% 100%;
}
.set1-vie.pro-vie ul{
  padding: 16px 0px;
}
.pro-vie-nav{
  text-align: center;
  padding: 40px 0;
}
.pro-vie-nav a{
  width: 125px;
  height: 40px;
  text-align: center;
  display: inline-block;
  line-height: 40px;
  border: 1px solid #404040;
  border-radius: 22px;
  margin: 0 20px;
}
.pro-vie-nav a.on
.pro-vie-nav a:hover{
  color: #fff;
  background-color: #015cb5;
  border: 1px solid #015cb5;
}
.pro-content{
  padding-bottom: 60px;
}
.pro-content h3{
  font-size: 36px;
  color: #000000;
  text-align: center;
  font-weight: bold;
  padding-top: 28px;
  padding-bottom: 55px;
}
.pro-content li{
 width: 49%;
 float: left;
 margin-right: 2%;
 margin-bottom: 25px;
}
.pro-content li:nth-of-type(2n){
  margin-right: 0;
}
.pro-content li a{
  display: flex;
  align-items: center;
  background-color: #f3f3f3;
  box-sizing: border-box;
  padding: 30px;
  position: relative;
  transition: all 0.5s;
}
.pro-content li a:hover{
  transform: translateY(-10px);
  box-shadow: 10px 10px 10px rgba(22, 22, 22, 0.1);
}
.pro-content li a::before{
  width: 7px;
  content: '';
  height: 0%;
  right: 0;
  top: 0;
  background-color: #1758a8;
  position: absolute;
  transition: all 0.5s;
  opacity: 1;
}
.pro-content li a:hover::before{
  height: 100%;
  opacity: 1;
}
.pro-content li a:hover .text span{
  background-color: #1758a8;
}
.pro-content li a .img{
  width: 199px;
  height: 198px;
  overflow: hidden;
  margin-right: 45px;
}
.pro-content li a .text h6{
  font-size: 20px;
  font-weight: bold;
  color: #000;
}
.pro-content li a .text .cont{
  font-size: 14px;
  color: #666;
  line-height: 1.5;
  padding: 20px 0;
}
.pro-content li a .text span{
  width: 100px;
  line-height: 28px;
  background-color: #333333;
  color: #fff;
  font-size: 14px;
  display: block;
  text-align: center;
  border-radius: 20px;
}
.prodef-nav{
  line-height: 60px;
  border-top: 1px solid #cecece;
  /* padding: 14px 0; */
  border-bottom: 1px solid #cecece;
}
.prodef-nav-vi{
  display: flex;
  justify-content: space-between;
  font-size: 14px;
}
.prodef-nav-vi img{
  display: inline-block;
  vertical-align: middle;
  margin-right: 6px;
}
.prodef-nav-vi a{
  display: inline-block;
  vertical-align: middle;
  margin: 0 6px;
}
.prodef-cont{
  padding-top: 42px;
  padding-bottom: 58px;
}
.prodef-cont .contview{
  width: 730px;

}
.prodef-cont .contview .title{
  font-size: 40px;
  color: #000;
  padding-top: 20px;
  padding-bottom: 30px;
  border-bottom: 1px solid #a7a7a7;
  margin-bottom: 36px;
  font-weight: bold;
}
.prodef-cont .contview .cont{
  display: flex;
  justify-content: space-between;
}
.prodef-cont .contview .cont .pt-d{
  width: 50%;
  line-height: 2;
  font-size: 18px;
  color: #000;
}
.prodef-cont-img{
  width: 500px;
}
.prodef-cont-img img{
  width: 100%;
  height: auto;
}
.prodef-navddd{
  
  line-height: 80px;
  height: 80px;

}
.prodef-navddd span::before{
  width: 3px;
  height: 30px;
  content: '';
  display: inline-block;
  vertical-align: middle;
  background-color: #fff;
  margin-right: 12px;
}
.prodef-navddd .classPro,
.prodef-navddd .classCont{
  padding: 0 18px;
  box-sizing: border-box;
  /* padding: 14px 0; */
  background-color: #1758a8;
}
.classCont{
  width: 1000px;

}
.classPro{
  width: 310px;
  /* padding: 14px 0;
  background-color: #1758a8; */
  box-sizing: border-box;
}
.prodef-navddd .classCont .span{
  margin-right: 90px;
  font-size: 24px;
  color: #fff;
}
.prodef-navddd .classCont img{
  display: inline-block;
  vertical-align: middle;
  margin-right: 3px;
}
.prodef-navddd .classCont span{
  /* display: inline-block;
  vertical-align: middle; */
  font-size: 24px;
  color: #fff;
}
.prodef-navddd .classPro{
  font-size: 24px;
  color: #fff;
  border-left: 3px solid #fff;
  padding-left: 20px;
}
.prodef-conts{
  padding-top: 40px;
  padding-bottom: 80px;
}
.prodef-conts-dt{
  width: 970px;
  background-color: #fff;
  box-sizing: border-box;
  padding: 48px 40px;

}
.prodef-conts-dt .cons{
  min-height: 600px;
}
.prodef-conts-dt .back{
  display: flex;
  justify-content: space-between;
  background-color: #1758a8;
  color: #fff;
  line-height: 60px;
  box-sizing: border-box;
  padding: 0 25px;
}
.prodef-conts-dt .back a{
  color: #fff;
}
.prodef-conts-dt h6{
  font-size: 30px;
  color: #000;
  font-weight: bold;
  border-bottom: 1px solid #cccccc;
  padding-bottom: 20px;
  margin-bottom: 30px;
}
.prodef-conts .classPro li{
  margin-bottom: 16px;
}
.prodef-conts .classPro li a{
  display: block;
}
.prodef-conts .classPro li .img{
  background-color: #fff;
  border: 1px solid #ddd;
}
.prodef-conts .classPro li img{
  width: 100%;
}
.prodef-conts .classPro li h6{
  font-size: 16px;
  color: #000;
  text-align: center;
  padding: 20px 0;
}
.case-views {
 padding-top: 80px;
 padding-bottom: 86px;
}
.case-views li{
  width: 32%;
  float: left;
  margin-right: 2%;
  margin-bottom: 45px;

}
.case-views li .img{
  width: 100%;
  height: 254px;
}
.case-views li .img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.case-views li:nth-of-type(3n){
  margin-right: 0;
}
.case-views li a{
  display: block;
  background-color: #f9f9f9;
  transition: all 0.5s;
}
.case-views li a:hover{
  transform: translateY(-10px);
  box-shadow: 10px 10px 10px rgba(22, 22, 22, 0.1);
}
.case-views li a:hover .rs > div{
  background-color: #0b4292;
}
.case-views li a .text{
  box-sizing: border-box;
  padding: 24px;
}
.case-views li a .text h6{
  font-size: 20px;
  color: #000;
  font-weight: bold;
  margin-bottom: 16px;
  padding-top: 16px;
}
.case-views li a .text p{
  font-size: 14px;
  color: #5a5a5a;
  line-height: 1.5;
  height: 42px;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical
}
.case-views li a .rs{
  background-color: #ffffff;
  box-sizing: border-box;
  padding: 14px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 36px;
}
.case-views li a .rs > div{
  width: 60px;
  height: 38px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #474644;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}
.case-cont{
  padding: 40px 0;
}
.case-cont .classiMg{
  width: 500px;
}
.case-cont .classiMg img{
  width: 100%;
  height: 300px;
  object-fit: cover;
}
.case-cont-cs{
  width: 660px;
}
.case-cont-cs .title h6{
  font-size: 38px;
  color: #000;
  font-weight: bold;
  padding: 20px 0 30px;
  border-bottom: 1px solid #cccccc;
  margin-bottom: 25px;
}
.case-cont-cs .cont{
  font-size: 16px;
  color: #000;
  line-height: 1.7;
  margin-bottom: 26px;
}
.case-cont-cs .timer{
  font-size: 20px;
  color: #000;
  margin-bottom: 38px;
}
.case-cont-cs a{
  width: 160px;
  line-height: 45px;
  background-color: #1758a8;
  display: block;
  text-align: center;
  font-size: 18px;
  color: #fff;
}

.banner .swiper-slide {
  background: no-repeat center / cover;
  height: 570px;
}
.banner-inner .swiper-slide {
  height: 400px
}
.banner .swiper-slide img {
  display: block;
  width: 100%;
  height: auto;
}
.banner .swiper-pagination {
  bottom: 30px;
}
.banner .swiper-pagination-bullet {
  background-color: #fff;
  opacity: 1;
}
.banner .swiper-pagination-bullet-active {
  background-color: #015cb5;
}
.cont-views{
  width: 100%;
  padding-top: 68px;
  padding-bottom: 50px;
}
.cont-views h3{
  font-size: 38px;
  color: #000;
  font-weight: bold;
  text-align: center;
  padding-bottom: 50px;
}
.cont-set1{
  display: flex;
  background-color: #fff;
}
.cont-set1 > div{
  width: 50%;
  box-sizing: border-box;
}
.cont-set1 .content{
  padding: 50px 80px;
}
.cont-set1 .content .title{
  font-size: 24px;
  color: #000;
  padding-bottom: 40px;
  border-bottom: 1px solid #cccccc;
}
.cont-set1 .content .contd{
  font-size: 16px;
  color: #000;
  line-height: 2;
  padding: 30px 0  32px;
}
.cont-set1 .content .btns{
  display: block;
  width: 150px;
  text-align: center;
  background-color: #015cb5;
  color: #fff;
  font-size: 20px;
  padding: 6px 0;
  border-radius: 20px;
  cursor: pointer;
}
.cont-set1 .content .btns i{
  width: 30px;
  height: 30px;
  display: inline-block;
  vertical-align: middle;
  background: url('../images/ico-content.png');
  background-size: 100% 100%;
  margin-right: 8px;
}
.cont-views2 .ulviews{
 display: flex;
 justify-content: space-between;
}
.cont-views2 .ulviews label{
  width: 32%;
  display: flex;
  height: 60px;
  align-items: center;
  border: 1px solid #888888;
  box-sizing: border-box;
  padding: 0 26px;
}
.cont-views2 .ulviews label input{
  display: block;
  flex: 1;
}
.cont-views2 .ulviews label span{
  font-size: 18px;
}
.cont-views2 textarea{
  display: block;
  width: 100%;
  border: 1px solid #888888;
  font-size: 18px;
  box-sizing: border-box;
  padding: 16px 26px;
  height: 180px;
  margin-top: 25px;
}
.cont-views2 .submit{
  width: 600px;
  margin: 42px auto;
  background-color: #015cb5;
  color: #fff;
  font-size: 17px;
  line-height: 45px;
  display: block;
}
input{
  background:none;  
    outline:none;  
    border:none;
}
input:focus{   
  border:none;
}
.h_content > div{
  position: relative;
  z-index: 2;
  cursor: pointer;
}
.h_content > div:hover .wx{
  height: 100px;
}
.h_content > div .wx{
  width: 100px;
  height: 0px;
  position: absolute;
  left: 12px;
  top: 29px;
  overflow: hidden;
  transition: all 0.5s;
}
.h_content > div .wx img{
  width: 100%;
  height: 100px;
}
@media screen and (max-width: 1800px){
  .nav-tar ul li{
    margin-right: 40px;
  }
  .set2-vie-ds h6{
    font-size: 32px;
  }
  .set2-vie-ds .dos li h6{
    font-size: 50px;
  }
  .set2-vie-ds .v-l-o img{
    width: 80px;
  }
  .set2-vie-ds .d-s{
    margin: 20px 0 40px;
  }
  .set3-news-viws .fl img{
    height: 500px;
  }
  .set3-news-viws ul{
    height: 500px;
  }
}
@media screen and (max-width: 1600px) {
  .nav-tar ul li{
    margin-right: 22px;
  }
  .nav-tar > ul > li > a{
    font-size: 16px;
  }
  .w1400{
    width: 1300px;
  }
  .set3-news-viws .fr{
    padding: 0 3%;
  }
  .set2-vie-ds h6{
    font-size: 26px;
  }
  .set2-vie-ds .dos li h6{
    font-size: 42px;
  }
  .set2-vie-ds .dos{
    margin-bottom: 40px;
  }
  .set2-vie-ds .v-l-o img{
    width: 64px;
  }
  .set1-vie ul{
    padding: 30px 0;
  }
  .set2-vie-ds .dos li{
    margin: 0px 33px;
  }
  .set2-vie-ds h6{
    font-size: 22px;
  }
  .set2-vie-ds .v-l-o span{
    font-size: 12px;
    margin-top: 14px;
  }
  .set3-news-viws ul,
  .set3-news-viws .fl img{
    height: 450px;
  }
  .set3-news-viws ul li a p{
    margin-bottom: 8px;
  }
  .set3-news-viws ul li a h6{
    margin-bottom: 12px;
  }
  .set3-news-viws .fr{
    padding: 0 2%;
  }
  .set3-news{
    padding: 60px 0;
  }
}
@media screen and (max-width: 1400px) {
  header h1 .cont{
    display: none;
  }
  .w1400{
    width: 92%;
  }
  .footer-views .fl li{
    margin-right: 50px;
  }
  .footer-views-wx .img{
    width: 90px;
  }
  .footer-views-ls .etx h6{
    font-size: 25px;
  }
  .footer-views-ls .etx{
    margin-left: 8px;
  }
  .footer-views-wx{
    margin-right: 30px;
  }
  .footer-views{
    padding: 48px 0;
  }
  .footer-views-ls .etx p{
    width: 220px;
    font-size: 16px;
  }
  .pro-bananr-views .tit h6{
    font-size: 40px;
  }
  .pro-bananr-views .tit .dt{
    margin-top: 10px;
    font-size: 20px;
    color: #fff;
    margin-bottom: 38px;
  }
  .pro-bananr-views .tit-f{
    width: 698px;
    position: relative;
    border: 1px solid #ffffff;
    box-sizing: border-box;
    padding: 12px 26px;
    border-radius: 40px;
  }
  .pro-bananr-views .tit-f .submit{
    right: 18px;
    top: 12px;
  }
  .pro-content h3{
    font-size: 28px;
    padding-bottom: 40px;
  }
  .w1300{
    width: 92%;
  }
  .set1-vie ul li h6{
    margin-top: 16px;
  }
  .pro-content li a{
    padding: 20px;
  }
  .pro-content li a .text .cont{
    font-size: 14px;
  }
  .prodef-cont .contview{
    width: 58%;
  }
  .prodef-cont-img{
    width: 38%;
  }
  .prodef-cont{
    padding-top: 25px;
    padding-bottom: 32px;
  }
  .classCont{
    width: 78%;
  }
  .classPro{
    width: 20%;
  }
  .prodef-navddd{
    line-height: 68px;
    height: 68px;
  }
  .prodef-conts-dt{
    width: 100%;
    padding: 28px 30px;
  }
  .prodef-cont .contview .title{
    padding-bottom: 25px;
  }
  .prodef-cont .contview .title{
    font-size: 36px;
    padding-top: 16px;
    padding-bottom: 25px;
  }
  .prodef-conts{
    padding-bottom: 50px;
  }
  .case-views{
    padding-top: 50px;
    padding-bottom: 70px;
  }
  .case-views li a .text{
    padding: 16px;
  }
  .pages{
    margin: 20px 0 0;
  }
  .ab-set2 ul li p{
    font-size: 20px;
  }
  .ab-set2 ul li h6{
    font-size: 66px;
  }
  .ab-set2 ul li p{
    margin-bottom: 24px;
  }
}

@media screen and (max-width: 767px){
  .banner .swiper-slide{
    height: 150px;
  }
  body{
    padding-top: 50px;
  }
  .banner .swiper-pagination{
    bottom: 11px;
  }
  .set1-vie ul{
    flex-wrap: wrap;
    padding: 12px 0;
  }
  .set1-vie ul li img{
    width: 50px;
    height: 50px;
  }
  .set1-vie ul li h6{
    margin-top: 6px;
  }
  .set1-vie ul li{
    margin: 0 10px;
  }
  .set2-vie{
    display: block;
    width: 98%;
    margin: 0 auto;
  }
  .set2-vie-d{
    width: 100%;
  }
  .set2-vie-t{
    width: 100%;
  }
  .set2-vie-ds .d-s{
    font-size: 13px;
    margin: 6px 0 10px;
  }
  .set2-vie-ds .dos li{
    margin: 0px 6px;
  }
  .set2-vie-ds .dos li h6{
    font-size: 28px;
    margin-bottom: 2px;
  }
  .set2-vie-ds h6{
    font-size: 16px;
  }
  .set2-vie-ds .dos li p{
    font-size: 12px;
  }
  .set2-vie-ds .dos{
    margin-bottom: 20px;
  }
  .set2-vie-ds .v-l-o img{
    width: 40px;
  }
  .set2-vie-ds .v-l-o span{
    margin-top: 8px
  }
  .set2-vie-d > .img{
    margin-bottom: 3px;
  }
  .set2-vie-t a .text{
    padding: 0 12px;
  }
  .set2-vie-t a .text h6{
    font-size: 16px;
    margin-bottom: 8px;
  }
  .set2-vie-t a .text p{
    color: #c0c7cd;
    font-size: 12px;
  }
  .set3-news{
    padding: 20px 0;
  }
  .set3-news-viws .fl,
  .set3-news-viws .fr{
    width: 100%;
  }
  .set3-news-viws ul, .set3-news-viws .fl img{
    height: auto;
  }
  .set3-news-viws .fl{
    margin-bottom: 10px;
  }
  .set3-news-viws ul li a h6{
    font-size: 14px;
    margin-bottom: 8px;
  }
  .set3-news-viws ul li a p{
    font-size: 12px;
    margin-bottom: 6px;
    height: auto;
  }
  .set3-news-viws ul li{
    padding: 10px 0;
  }
  .set3-news-viws ul li a span{
    font-size: 12px;
  }
  .set3-news-ul{
    padding-top: 0px;
  }
  .set3-news-ul li{
    width: 100%;
    margin-right: 0%;
  }
  .set3-news-ul li a{
    margin-top: 8px;
  }
  .set3-news-ul li a{
    padding: 12px;
  }
  .footer-views > ul{
    display: none;
  }
  .footer-views > .fr{
    display: flex;
  }
  .footer-views{
    padding: 20px 0;
  }
  .footer-views-ls .ls{
    margin-bottom: 20px;
    display: flex;
  }
  .footer-views-ls .ls img{
    width: 30px;
    height: 30px;
  }
  .footer-views-ls .etx h6{
    font-size: 16px;
    margin-top: 8px;
  }
  .footer-views-ls .etx p{
    font-size: 12px;
    width: auto;
  }
  .links{
    padding: 8px 0;
  }
  .footer-ba .w1400{
    display: block;
  }
  .footer-ba .w1400{
    line-height: 30px;
  }
  .baase-nav a{
    margin: 0px 10px;
    font-size: 12px;
  }
  .baase-nav{
    line-height: 40px;
  }
  .cpysh3{
    font-size: 20px;
    padding-top: 20px;
    margin-bottom: 20px;
  }
  .cpys-set1 li{
    width: 49%;
    margin-right: 2%;
    margin-bottom: 20px;
  }
  .cpys-set1 li:nth-of-type(2n){
    margin-right: 0%;
  }
  .cpys-set1 li img{
    width: 60px;
  }
  .cpys-set1 li h6{
    font-size: 16px;
    padding: 10px 0;
  }
  .cpys-set1 li p{
    font-size: 12px;
  }
  .cpys-set1{
    padding-bottom: 18px;
  }
  .cpys-set2{
    padding: 32px 0;
  }
  .cpys-set2 h6{
    font-size: 16px;
    margin-top: 12px
  }
  .cpys-set2 h5{
    font-size: 18px;
    padding: 20px 0;
    line-height: 1.5;
  }
  .cpys-set2 .cont{
    font-size: 12px;
    color: #b4b8bf;
    line-height: 2;
    width: 90%;
    margin: 0 auto;
  }
  .cpys-set2 a{
    display: flex;
    align-items: center;
    width: 170px;
    justify-content: center;
    height: 40px;
    border: 1px solid #fff;
    color: #fff;
    margin: 0 auto;
    font-size: 16px;
    margin-top: 40px;
  }
  .cpys-set3-o{
    padding-left: 0%;
  }
  .cpys-set3-o .oo img{
    width: 30px;
  }
  .cpys-set3-o .oo span {
    font-size: 13px;
  }
  .cpys-set3-o a{
    width: 120px;
    text-align: center;
    display: flex;
    height: 30px;
    justify-content: center;
    align-items: center;
    border: 1px solid #fff;
    color: #fff;
    font-size: 14px;
  }
  .pz-title{
    font-size: 20px;
    padding: 16px 0;
  }
  .pz-set1-vl ul li{
    width: 100%;
  }
  .pz-set1-vl ul li{
    height: 150px;
    box-sizing: border-box;
    padding: 0 2%;
    margin-bottom: 8px;
  }
  .pz-set1-vl ul li .tit h6{
    font-size: 30px;
  }
  .pz-set1-vl ul li .cont{
    width: auto;
    flex: 1;
  }
  .pz-set1-vl ul li .cont h6{
    font-size: 18px;
    padding-bottom: 12px;
    margin-bottom: 11px;
  }
  .pz-set1-vl ul li .cont p{
    font-size: 12px;
  }
  .pz-set1-vl ul li .tit{
    width: 100px;

  }
  .pz-set1{
    padding-top: 12px;
    padding-bottom: 18px;
  }
  .pz-set2 .swiper h6{
    margin-top: 8px;
  }
  .pz-set2 .swiper{
    padding-bottom: 48px;
  }
  .pz-set2 .swiper-pagination-bullet{
    width: 6px;
    height: 6px;
  }
  .pz-set2{
    padding-bottom: 0px;
  }
  .pz-set3-td{
    margin-top: 10px;
    padding-bottom: 20px;
  }
  .pz-set3-td li{
    width: 32%;
    margin-right: 2%;
  }
  .pz-set3-td li:nth-of-type(3n){
    margin-right: 0;
  }
  .fwbz-views li{
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }
  .fwbz-views li .text h6{
    font-size: 18px;
    color: #fff;
    margin-bottom: 10px;
  }
  .fwbz-views li .text p{
    font-size: 12px;
  }
  .fwbz-cont{
    margin-top: 10px;
    padding: 16px 12px;
    margin-bottom: 32px;
  }
  .fwbz-cont h6{
    font-size: 20px;
    margin-bottom: 10px;
  }
  .fwbz-cont .conp{
    font-size: 12px;
    color: #fff;
    line-height: 1.7;
    padding-bottom: 16px;
  }
  .fwbz-cont .cons a{
    width: 100px;
    line-height: 32px;
    font-size: 12px;
    margin-right: 12px;
  }
  .fwbz-cont .cons .ti span{
    font-size: 12px;
  }
  .fwbz-cont .cons p{
    font-size: 18px;
  }
  .fwbz-cont .fr{
    width: 100%;
  }
  .fwbz-cont .fr .tsp input{
    padding: 0 12px;
    line-height: 36px;
    font-size: 12px;
  }
  .fwbz-cont .fr form{
    padding-top: 12px;
  }
  .fwbz-cont .fr .tsp{
    margin-bottom: 12px;
  }
  .fwbz-cont .fr .submit{
    width: 100%;
    line-height: 36px;
    font-size: 14px;
  }
  .fwbz-cont .fr textarea{
    padding: 10px 9px;
    font-size: 12px;
    margin-bottom: 11px;
  }
  .case-views{
    padding-top: 16px;
    padding-bottom: 42px;
  }
  .case-views li{
    width: 100%;
    margin-right: 0%;
    margin-bottom: 16px;
  }
  .case-views li a .text{
    padding: 10px;
  }
  .case-views li a .rs{
    padding: 8px 8px;
    margin-top: 12px;
  }
  .case-views li a .text h6{
    margin-bottom: 10px;
    padding-top: 6px;
    font-size: 16px;
  }
  .pro-bananr-views .tit h6{
    font-size: 20px;
  }
  .pro-bananr-views .tit .dt{
    margin-top: 0px;
    font-size: 12px;
    margin-bottom: 0px;
  }
  .pro-bananr-views .tit p{
    margin-bottom: 0px;
    font-size: 12px;
  }
  .ab-set1 {
    padding-top: 16px;
  }
  .ab-set1 .cont-d{
    width: 100%;
    padding-top: 12px;
    margin-bottom: 20px;
  }
  .ab-set1 .cont-d h6{
    font-size: 24px;
    font-weight: bold;
    color: #000000;
    margin-bottom: 10px;
  }
  .ab-set1 .cont-d .cont{
    font-size: 12px;
    line-height: 1.8;
    padding-bottom: 12px;
  }
  .ab-set1 .cont-d a{
    width: 120px;
    height: 35px;
    background-color: #000000;
    display: block;
    line-height: 35px;
    text-align: center;
    color: #fff;
    font-size: 16px;
  }
  .ab-set2 ul{
    flex-wrap: wrap;
  }
  .ab-set2 ul li{
    padding: 0 10px;
    height: 90px;
  }
  .ab-set2 ul li p{
    margin-bottom: 10px;
    font-size: 12px;
  }
  .ab-set2 ul li h6{
    font-size: 38px;
  }
  .ab-set4 h3{
    font-size: 20px;
  }
  .ab-set4-page{
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }
  .ab-set4 h3{
    padding: 18px 0 20px;
  }
  .ab-set4-page .text{
    width: 260px;
    margin-left: 16px;
  }
  .ab-set4-page .text h6{
    font-size: 16px;
    margin-bottom: 10px;
  }
  .ab-set4-page .text p{
    font-size: 12px;
  }
  .ab-set4-views{
    width: 100%;
    background: url(../images/ab-set4-img3.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    height: 127px;
    margin-top: 11px;
    padding: 0 16px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 8px;
    box-sizing: border-box;
  }
  .ab-set4-views h6{
    font-size: 18px;
    color: #fff;
    margin-bottom: 10px;
  }
  .ab-set4-views p{
    font-size: 12px;
  }
  .ab-set4-rzs .page{
    width: 49%;
    margin-right: 2%;
    margin-bottom: 12px;
  }
  .ab-set4-rzs{
    display: flex;
    padding-bottom: 80px;
    flex-wrap: wrap;
  }
  .ab-set4-rzs .page:nth-of-type(2n){
    margin-right: 0;
  }
  .ab-set4-rzs .page h6{
    font-size: 16px;
    margin-top: 10px;
  }
  .cont-views{
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .cont-views h3{
    font-size: 20px;
    padding-bottom: 20px;
  }
  .cont-set1{
    display: block;
  }
  .cont-set1 > div{
    width: 100%;
  }
  .cont-set1 .content{
    padding: 16px 16px;
  }
  .cont-set1 .content .title{
    font-size: 16px;
    padding-bottom: 12px;
  }
  .cont-set1 .content .contd{
    font-size: 12px;
    color: #000;
    line-height: 2;
    padding: 10px 0 12px;
  }
  .cont-views2 .ulviews{
    display: block;
  }
  .cont-views2 .ulviews label{
    width: 100%;
    display: flex;
    height: 46px;
    align-items: center;
    border: 1px solid #888888;
    box-sizing: border-box;
    padding: 0px 16px;
    margin-top: 6px;
  }
  .cont-views2 .ulviews label span{
    font-size: 14px;
  }
  .cont-views2 textarea{
    display: block;
    width: 100%;
    border: 1px solid #888888;
    font-size: 12px;
    box-sizing: border-box;
    padding: 12px 10px;
    height: 180px;
    margin-top: 8px;
  }
  .cont-views2 .submit{
    width: 100%;
    margin: 18px auto;
    background-color: #015cb5;
    color: #fff;
    font-size: 12px;
    line-height: 40px;
    display: block;
  }
  .pro-bananr-views .tit-f{
    display: none
  }
  .pro-content li{
    width: 100%;
    float: left;
    margin-right: 0%;
    margin-bottom: 11px;
  }
  .pro-content li a .img{
    width: 180px;
    height: 180px;
    overflow: hidden;
    margin-right: 10px;
  }
  .pro-content li a{
    padding: 10px;
  }
  .pro-content li a .text h6{
    font-size: 16px;
  }
  .pro-content li a .text .cont{
    padding: 10px 0;
    font-size: 12px;
  }
  .prodef-cont-img,
  .prodef-cont .contview{
    width: 100%;
  }
  /* .prodef-nav-vi{
    display: block;
  } */
  .prodef-nav{
    line-height: 30px;
  }
  .prodef-cont .contview .title{
    font-size: 20px;
    padding-top: 0px;
    padding-bottom: 12px;
    margin-bottom: 10px;
  }
  .prodef-cont .contview .cont .pt-d{
    width: 100%;
  }
  .prodef-cont .contview .cont .pt-d{
    font-size: 12px;
  }
  .prodef-cont .contview .cont{
    padding-bottom: 12px;
  }
  .classPro,
  .classCont{
    width: 100%;
  }
  .prodef-navddd .classPro{
    display: none;
  }
  .prodef-navddd .classPro, .prodef-navddd .classCont{
    padding: 0 10px;
  }
  .prodef-navddd .classCont .span{
    font-size: 18px;
  }
  .prodef-navddd{
    line-height: 50px;
    height: 50px;
  }
  .prodef-conts-dt h6{
    font-size: 20px;
    color: #000;
    font-weight: bold;
    border-bottom: 1px solid #cccccc;
    padding-bottom: 15px;
    margin-bottom: 11px;
  }
  .prodef-conts .classPro li h6{
    font-size: 12px;
    color: #000;
    text-align: center;
    padding: 10px 0;
  }
  .prodef-conts-dt .back{
    padding: 0 12px;
  }
  .case-cont .classiMg{
    width: 100%;
  }
  .com-width{
    width: 93% !important;
  }
  .pro-vie-nav{
    padding: 6px 0;
  }
  .pro-vie-nav a{
    width: 85px;
    height: 25px;
    line-height: 25px;
    font-size: 12px;
    margin: 0px 3px;
  }
  .pro-content h3{
    font-size: 20px;
    padding-bottom: 18px;
  }
  .pages a{
    font-size: 12px;
    line-height: 26px;
    padding: 0 8px;
    margin: 2px;
  }
  .case-cont-cs{
    width: 100%;
  }
  .prodef-conts{
    padding-top: 10px;
  }
  .case-cont-cs .title h6{
    font-size: 20px;
    padding: 14px 0 16px;
  }
  .prodef-conts-dt .back{
    line-height: 38px;
  }
  .pz-set2 .swiper h6{
    font-size: 12px;
  }
  .ab-set4-hzkf ul li{
    width: 49%;
    margin-right: 2%;
    margin-bottom: 20px;
    text-align: center;
  }
  .ab-set4-hzkf ul li:nth-of-type(2n){
    margin-right: 0;
  }
  .ab-set4-hzkf ul li .img{
    margin: 0 auto 12px;
  }
  .ab-set4-hzkf ul li h6{
    font-size: 12px;
  }
  .ab-set4-rzs{
    padding-bottom: 26px;
  }
  .ab-set3 .swiper{
    padding: 18px 0;
  }
}